<div class="left-nav">
    <div id="side-nav">
        <ul id="nav">
            {volist name="menus" id="one"}
            <li>
                <a href="javascript:;" _href="{$one.url}" data-id="{$one.id}">
                    <i class="iconfont">{$one.icon}</i>
                    <cite>{$one.title}</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                {notempty name="one._child"}
                {volist name="one._child"  id="two"}
                <ul class="sub-menu">
                    <li>
                        <a href="javascript:;"  _href="{$two.url}" data-id="{$two.id}">
                            <i class="iconfont">{$two.icon}</i>
                            <cite>{$two.title}</cite>
                            <i class="iconfont nav_right">&#xe697;</i>
                        </a>
                        {notempty name="two._child"}
                        {volist name="two._child"  id="three"}
                        <ul class="sub-menu">
                            <li>
                                <i class="iconfont">{$three.icon}</i>
                                <a href="javascript:;" _href="{$three.url}" data-id="{$three.id}">
                                    <cite>{$three.title}</cite>
                                </a>
                            </li>
                        </ul>
                        {/volist}
                        {/notempty}
                    </li>
                </ul>
                {/volist}
                {/notempty}
            </li>
            {/volist}
        </ul>
    </div>
</div>